import React, { Component } from 'react'
import './rightBottom.scss';
import { BorderBox13 } from '@jiaminghi/data-view-react'

export default class RightBottom extends Component {
    render() {
        return (
            <div className='rightBottom'>
                <BorderBox13 className='borderBox13'>
                    <div className='title'>
                        <i className='iconfont icon-application'></i>
                        <label>平均用户类别排布</label>    
                    </div>
                    <div className='com'>

                    </div>
                </BorderBox13>
            </div>
        )
    }
}

{/* <ve-ring
:data="retained"
:legend-visible="false"
:settings="ringextend"
:colors="ringcolor"
:title="title"
class="huan"
></ve-ring> */}


// export default {
//     data() {
//       this.gradient = ["#5BA3ED", "#32E380"];
//       // 环形图
//       this.title = {
//         text: "30%",
//         x: "center",
//         y: "center",
//         itemGap: 20,
//         textStyle: {
//           color: "#ffffff",
//           fontFamily: "微软雅黑",
//           fontSize: 20,
//           fontWeight: "bolder"
//         }
//       };
//       (this.ringextend = {
//         radius: ["50%", "80%"],
//         label: {
//           //去除饼图的指示折线label
//           normal: {
//             show: false,
//             position: "inside"
//           }
//         },
//         labelLine: {
//           normal: {
//             label: {
//               show: true,
//               formatter: "({d}%)"
//             },
//             labelLine: { show: true }
//           }
//         },
//         // 全局字体样式
//         textStyle: {
//           color: "#ffffff"
//         }
//       }),
//         // 环形图颜色
//         (this.ringcolor = ["#395667", "#32E380"]);
//       return {
//         // 环形图一 数据
//         retained: {
//           columns: ["留存", "未完成"],
//           labelLine: {
//             normal: {
//               show: false
//             }
//           },
//           rows: [{ 留存: 70, 未完成: 70 }, { 留存: 30, 未完成: 30 }]
//         }
//       };
//     },